<template>
  <Top />
  <div class="two">
    <useApp />
  <Table />
  <div class="two-right">
    <el-calendar :range="[year,year]" />
  </div>
  </div>
    <Tubiao />

</template>

<script setup>
import Top from './Top.vue'
import useApp from './useApp.vue'
import Table from './table.vue'
import Tubiao from './tubiao.vue'
const year=new Date().getFullYear
</script>

<style scoped lang="less">
.two-right{
  width: 25%;
  height: 100px !important;
  float: right;
  background: #fff;
}
.two-right .el-calendar{
  float: right;
  margin-top: -110px;


}
/deep/ .el-calendar-table .el-calendar-day{
  height: 30px !important;
}
</style>
